<template>
  <div>
    <el-card style="max-width: 480px">
      <template #header>
        <div class="card-header">
          <span>Card name</span>
        </div>
      </template>
      <p v-for="o in 4" :key="o" class="text item">{{ 'List item ' + o }}</p>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { farmInfoAndOnlineDisplay } from '@/api/deviceManager'

const farmListDisplay = ref([])
const farmId = ref()

function getFarmList() {
  farmInfoAndOnlineDisplay(farmId.value).then(res => {
    console.log(res.data)
    farmListDisplay.value = res.data.data
  })
}

getFarmList()
</script>

<style scoped></style>
